<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/vant.min.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
		<script src="html5plus://ready"></script>
		<script type="text/javascript" src="../js/back1.js"></script>
		<script src="../js/back.js"></script>

	</head>
	<body>
		<div id="app">
			<header>
				<van-nav-bar style="background-color: red;height: 100%;" @click-left="onback1" title="待付款订单" left-arrow></van-nav-bar>
			</header>
			<van-panel v-for="item in order" title="订单编号" :desc="item.desc" status="未支付">
				<div>
					<van-card :num="item.count" :price="item.price" :title="item.title" :thumb="imageURL">
				</div>
				<div style="font-size: 10px;" align="center">共一件商品，合计：￥20（含运费￥0.00）</div>
				<div align="right" slot="footer">
					<van-button type="danger" round size="small">支付</van-button>
					<van-button round size="small"  @click="Ore">取消订单</van-button>
				</div>
			</van-panel>


		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					imageURL: "../img/2.png",
					order:[{						
						title:"[良品铺子每日坚果750g装]混合干果零食大礼包综合果仁30包",
						desc:"20190313141200000001939",
						price:"0.01",
						count:2
					}]
				},
				methods: {
					Ore: function() {
						ajax({
							url: "http://dsapi.ysd3g.com/api/MyOrderList",
							dataType: "jsonp",
							data: {},
							"succcess": function(res) {
								console.log(res);
							}
						})
					},
					onback1:function(){
						plus.webview.close(plus.webview.currentWebview().id);
					},
				},

			})
		</script>
	</body>
</html>
